﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Calendar.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Calendar</title>
        <link rel="shortcut icon" href="Images/calendar.ico">
        <script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="Scripts/jquery-ui-1.8.23.custom.min.js"></script>
        <script src="Scripts/Calendar.js" charset="utf-8" type="text/javascript"></script>
        <script src="Scripts/Lunar.js" charset="utf-8" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="Styles/Style.css"/>
        <link rel="stylesheet" type="text/css" href="Styles/jquery-ui-1.8.23.custom.css"/>
        <script type="text/javascript">
            function createCalendar() {
                var calendar = new Calendar();
            }
            
            
        </script>
</head>

<body onload="createCalendar()" >
    <div class="header_bar">
        <div class="header_container">
            <div class="logo"><img src="Images/Logo.png"></div>
        </div>
    </div>
    <div id="wrapper">
        <div class="toolbar">
            <div class="header_left">
                <div class="previous" onclick="showPrevious()"></div>
                <div class="next" onclick="showNext()"></div>
            </div>
            <div id="displayed_month"></div>
            <div class="header_right">
                <div class="mode_month" onclick="showCurrentMonth()"></div>
                <div class="mode_week" onclick="showCurrentWeek()"></div>
                <div class="mode_day" onclick="showCurrentDay()"></div>
                <div class="mode_schedule" onclick="showCurrentDaySchedule()"></div>
            </div>
        </div>
        <div id="calendar_header"></div>
        <div id="content"></div>
        <div id="schedule"></div>
    </div>
        <div id="popup_frame" class="popup_frame">
            <div class="popup_header">
                Add note
            </div>
            <div class="popup_normal_content">
                <div class="control">
                    <div class="control_label"><label>Note title</label></div>
                    <div class="control_input"><input type="text" size="36px"/></div>
                </div>
                <div class="control">
                    <div class="control_label"><label>Note description</label></div>
                    <div class="control_input"><textarea rows="3" cols="27" style="resize: none;"></textarea></div>
                </div>
                <div class="control">
                    <div class="control_label"><label style="height:30px">Date</label></div>
                    <div class="control_input"><input type="text" size="36px"/></div>
                </div>
            </div>
            <div id="popup_advance_content" class="popup_advance_content">
                <div class="control">
                    <div class="control_label"><label>Note title</label></div>
                    <div class="control_input"><input type="text" size="36px"/></div>
                </div>
                <div class="control">
                    <div class="control_label"><label>Note description</label></div>
                    <div class="control_input"><textarea rows="3" cols="27" style="resize: none;"></textarea></div>
                </div>
                <div class="control">
                    <div class="control_label"><label style="height:30px">Date</label></div>
                    <div class="control_input"><input type="text" size="36px"/></div>
                </div>
            </div>
            <div class="popup_button">
                    <div><a id="btnPopupStt" href="#" onclick="tooglePopup();">Advance</a></div>
                    <div class="rectangle">Cancel</div>
                    <div class="rectangle">Add note</div>
            </div>
        </div>            
</body>
</html>

